import React, { Component } from 'react'
// 类组件中事件:
// 01: 注意类组件中的事件可以写在类组件内,也可以写在类组件外, 
// 02: 建议将类组件事件写在类组件内,优点1: 结构完整,优点2:类组件中的事件函数默认是没有绑定组件实例的,后续可以绑定
const handleClickFn = () => {
    console.log('点击事件');
    console.log('this', this);
}
export default class Mycls extends Component {
    handleClickFn2 = () => {
        console.log('点击事件2');
        console.log('this', this);
    }
    render() {
        return (
            <div>
                <p>我是类组件</p>
                <p><button onClick={handleClickFn}>点击事件1</button></p>
                <p><button onClick={this.handleClickFn2}>点击事件2</button></p>
            </div>
        )
    }
}

// class Person {
//     // name = '张三';
//     // age = 30;
//     say() {
//         console.log('我归来仍是少年');
// console.log(this.name);
//     }
//     constructor(name, age) {
//         this.name = name
//         this.age = age
//     }
// }

// const p = new Person('李四', 29)
// console.log(p);